.list {
    /* border-radius: 10px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 1%;
    transform: translateY(-50%);
    width: 30% */
}

.list.full {
    width: 70%
}

.list.full .list_item {
    padding: 40px 32px
}

.list.full .list_item .name {
    font-size: 1.8rem;
    line-height: 2rem
}

.list.full .list_item .msg {
    font-size: 3rem;
    line-height: 3.5rem;
    margin-top: 14px
}

.list .list_item {
    color: #fff;
    padding: 20px 16px;
    min-height: 90px;
    background: rgba(0,0,0,.6);
    border-radius: 10px;
    margin-bottom: 20px
}

/* 

.vdr-container {
    position: absolute;
    border: 1px solid transparent;
    box-sizing: border-box
}

.vdr-container.active {
    border-color: #000;
    border-style: dashed
}

.vdr-container.dragging {
    border-color: #000;
    border-style: solid
}

.vdr-handle {
    box-sizing: border-box;
    position: absolute;
    width: 7px;
    height: 7px;
    background: #f0f0f0;
    border: 1px solid #333
}

.vdr-handle-tl {
    top: -4px;
    left: -4px;
    cursor: nw-resize
}

.vdr-handle-tm {
    top: -4px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize
}

.vdr-handle-tr {
    top: -4px;
    right: -4px;
    cursor: ne-resize
}

.vdr-handle-ml {
    top: 50%;
    margin-top: -3px;
    left: -4px;
    cursor: w-resize
}

.vdr-handle-mr {
    top: 50%;
    margin-top: -3px;
    right: -4px;
    cursor: e-resize
}

.vdr-handle-bl {
    bottom: -4px;
    left: -4px;
    cursor: sw-resize
}

.vdr-handle-bm {
    bottom: -4px;
    left: 50%;
    margin-left: -4px;
    cursor: s-resize
}

.vdr-handle-br {
    bottom: -4px;
    right: -4px;
    cursor: se-resize
}

.rightSideWedding[data-v-cb10d9d2] {
    position: absolute;
    right: 24px;
    top: 12px;
    width: 379px;
    z-index: 10;
    display: flex;
    align-items: center
}

.rightSideWedding .hbIcon[data-v-cb10d9d2] {
    width: 32px;
    position: absolute;
    right: 140px;
    bottom: -42px;
    cursor: pointer
}

.rightSideWedding .hbIcon.iconType0[data-v-cb10d9d2],.rightSideWedding .hbIcon.iconType1[data-v-cb10d9d2] {
    display: none
}

.rightSideWedding .hbIcon.iconType2[data-v-cb10d9d2] {
    right: 198px;
    bottom: -42px
}

.rightSideWedding .hbIcon.iconType3[data-v-cb10d9d2] {
    bottom: -42px
}

.rightSideWedding .hbIcon.iconType4[data-v-cb10d9d2] {
    display: none
}

.rightSideWedding .signIcon[data-v-cb10d9d2] {
    width: 41px;
    position: absolute;
    cursor: pointer;
    right: 70px;
    bottom: -42px
}

.rightSideWedding .signIcon.iconType0[data-v-cb10d9d2] {
    display: none
}

.rightSideWedding .signIcon.iconType1[data-v-cb10d9d2] {
    bottom: -42px
}

.rightSideWedding .signIcon.iconType2[data-v-cb10d9d2],.rightSideWedding .signIcon.iconType4[data-v-cb10d9d2] {
    display: none
}

.rightSideWedding .item[data-v-cb10d9d2] {
    width: 175px;
    height: 51px;
    background-size: 100% 100%;
    background-image: url();
    position: absolute;
    top: 0;
    cursor: pointer
}

.rightSideWedding .item .info[data-v-cb10d9d2] {
    font-size: 26px;
    color: #f9f300;
    position: absolute;
    top: 6px;
    left: 62px;
    text-shadow: #7f1006 1px 0 0,#7f1006 0 1px 0,#7f1006 -1px 0 0,#7f1006 0 -1px 0,#7f1006 2px 0 0,#7f1006 0 2px 0,#7f1006 -2px 0 0,#7f1006 0 -2px 0;
    white-space: nowrap
}

.rightSideWedding .item.hbkd .hbIcon[data-v-cb10d9d2] {
    right: 127px;
    bottom: 10px
}

.rightSideWedding .item.hbkd.iconType0[data-v-cb10d9d2] {
    left: 0
}

.rightSideWedding .item.hbkd.iconType1[data-v-cb10d9d2] {
    left: 65px
}

.rightSideWedding .item.hbkd.iconType2[data-v-cb10d9d2],.rightSideWedding .item.hbkd.iconType3[data-v-cb10d9d2],.rightSideWedding .item.hbkd.iconType4[data-v-cb10d9d2] {
    display: none
}

.rightSideWedding .item.sign .signIcon[data-v-cb10d9d2] {
    right: 122px;
    bottom: 6px
}

.rightSideWedding .item.sign.iconType0[data-v-cb10d9d2] {
    right: 0
}

.rightSideWedding .item.sign.iconType1[data-v-cb10d9d2] {
    display: none
}

.rightSideWedding .item.sign.iconType2[data-v-cb10d9d2] {
    right: 0
}

.rightSideWedding .item.sign.iconType3[data-v-cb10d9d2],.rightSideWedding .item.sign.iconType4[data-v-cb10d9d2] {
    display: none
}

.vben-layout-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform-origin: 0 0!important;
    overflow: hidden;
    background: #000
}

.vben-layout-content.fixed {
    width: 1200px;
    margin: 0 auto
}

.vben-layout-content-loading {
    position: absolute;
    top: 200px;
    z-index: 10000
}

.vben-layout-content .background,.vben-layout-content .publicEffect {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.vben-layout-content .background .videoBg,.vben-layout-content .publicEffect .videoBg,.vben-layout-content .background .imgBg,.vben-layout-content .publicEffect .imgBg {
    width: 100%;
    height: 100%
}

.vben-layout-content .background .dm-item,.vben-layout-content .publicEffect .dm-item {
    min-width: 560px;
    padding: 24px 28px;
    border-radius: 30px;
    background: rgba(0,0,0,.5)
}

.vben-layout-content .background .dm-item.lottery,.vben-layout-content .publicEffect .dm-item.lottery {
    background: hsl(343,96%,67%)
}

.vben-layout-content .background .dm-item .avatarBorder,.vben-layout-content .publicEffect .dm-item .avatarBorder {
    position: relative;
    width: 118px;
    height: 118px;
    background: url(https://ustatic.hudongmiao.com/hmydscreen-qn/static/img/danmuBorder.d2e80fd1.png) no-repeat;
    background-size: 100% 100%
}

.vben-layout-content .background .dm-item .avatarBorder img,.vben-layout-content .publicEffect .dm-item .avatarBorder img {
    position: absolute;
    top: 18px;
    left: 15px;
    width: 90px;
    height: 90px;
    border-radius: 50%
}

.vben-layout-content .publicEffect {
    pointer-events: none;
    z-index: 4
}

.vben-layout-content .vdr-container {
    z-index: 100;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.vben-layout-content .vdr-container .closeQrcodeBtn {
    cursor: pointer;
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: -40px;
    right: -40px
}

.vben-layout-content .vdr-container canvas {
    border-radius: 8px;
    height: 100%!important
}

.vben-default-layout {
    display: flex;
    min-height: 100%;
    background-color: #f4f7f9;
    flex-direction: column
}

.vben-default-layout>.ant-layout {
    min-height: 100%
}

.vben-default-layout-main {
    width: 100%
} */